<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style> li{
        background-color: aqua;
        width: 100px;
        height: 20px;
        float: left;
    }
        div{
        }
        .box2{ clear: both;
        margin-top: }
    </style>
</head>
<body>
<div>
    <!--如果一个元素要浮动
    那么他的父容器 ,或者先祖容器 一定要有高度
    才不会影响 其他元素-->

    有高度的盒子,才能关住浮动
    <ul>
        <li>a</li>
        <li>b</li>
        <li>c</li>
    </ul>
</div>

<div>
    <ul>
        <li class="box2">1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>

</body>
</html>